<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
      <title>Portal Healthy Check</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="css/dashboard.css" rel="stylesheet">
     <link href="css/site.css" rel="stylesheet">
  </head>

  <body>

    
    <div id="nav_header" class="navbar navbar-default navbar-fixed-top" role="navigation">
       <table border="0" style="width:100%; height:50px; vertical-align:middle;">
                   
                   <tbody><tr><td></td></tr>
                   <tr>       
                       <td style="width:4%;"><a href="http://www.hp.com/" target="_blank"><img src="images/hp_logo_hpr_blue.png" border="0" width="55px"></a></td>
                       <td style="width:1%;"><img src="images/VerticalBar.gif"></td>
                       <td style="width:85%;">Portal Healthy Check 1.0</td>
                       <td style="width:2%;"><img src="images/Person_RGB_white.png" width="30px"></td>
                       <td style="width:15%; text-align: left ">Welcome</td>
                    </tr>
                </tbody></table>    
    </div>


    <div class="container-fluid">
      <div class="row">
        <div class="col-sm-3 col-md-2 sidebar">
          <ul class="nav nav-sidebar">
            <li><a href="index.html">Overview</a></li>
            <li class="active"><a href="Enviroment.html">Enviroment</a></li>
          </ul>
        </div>
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
          <h2 class="page-header">History</h2>
          	<ul class="nav nav-tabs" role="ITG" id="myTab">
 		 	 <li class="active"><a href="#ITG" role="tab" data-toggle="tab">ITG</a></li>
 			 <li><a href="#UAT" role="tab" data-toggle="tab">UAT</a></li>
  			 <li><a href="#Production" role="tab" data-toggle="tab">Production</a></li>
			</ul>
          <div class="tab-content">
          <div class="table-responsive tab-pane active" id="ITG">
            <table class="table table-striped">
              <thead>
                <tr>
                  <th>Name</th>
                  <th>Asset</th>
                  <th>Status</th>
                   <th>Time Stamp</th>
                  <th>Description</th>
                  
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>ITG</td>
                  <td>SBS</td>
                  <td>Infrastructure</td>
                  <td><button type="button" class="btn btn-sm btn-success">PASS</button></td>
                  <td>Monitor</td>
                  <td><button type="button" class="btn btn-sm btn-primary">Detail</button></td>
                  <td>Thursday oct 30 19:21:10 UTC 2014</td>
                   <td><button type="button" class="btn btn-sm btn-info"><a href="#">Link</a></button></td>
                </tr>
                <tr>
                  <td>ITG</td>
                  <td>SBS</td>
                  <td>Infrastructure</td>
                  <td><button type="button" class="btn btn-sm btn-danger">FAIL </button></td>
                  <td>Monitor</td>
                  <td><button type="button" class="btn btn-sm btn-primary">Detail</button></td>
                  <td>Thursday oct 30 19:21:10 UTC 2014</td>
                   <td><button type="button" class="btn btn-sm btn-info"><a href="#">Link</a></button></td>
                </tr>
                <tr>
                  <td>ITG</td>
                  <td>SBS</td>
                  <td>Infrastructure</td>
                  <td><button type="button" class="btn btn-sm btn-danger">FAIL </button></td>
                  <td>Monitor</td>
                  <td><button type="button" class="btn btn-sm btn-primary">Detail</button></td>
                  <td>Thursday oct 30 19:21:10 UTC 2014</td>
                   <td><button type="button" class="btn btn-sm btn-info"><a href="#">Link</a></button></td>
                </tr><tr>
                  <td>ITG</td>
                  <td>SBS</td>
                  <td>Infrastructure</td>
                  <td><button type="button" class="btn btn-sm btn-danger">FAIL </button></td>
                  <td>Monitor</td>
                  <td><button type="button" class="btn btn-sm btn-primary">Detail</button></td>
                  <td>Thursday oct 30 19:21:10 UTC 2014</td>
                   <td><button type="button" class="btn btn-sm btn-info"><a href="#">Link</a></button></td>
                </tr>
                <tr>
                  <td>ITG</td>
                  <td>SBS</td>
                  <td>Infrastructure</td>
                  <td><button type="button" class="btn btn-sm btn-success">PASS</button></td>
                  <td>Monitor</td>
                  <td><button type="button" class="btn btn-sm btn-primary">Detail</button></td>
                  <td>Thursday oct 30 19:21:10 UTC 2014</td>
                   <td><button type="button" class="btn btn-sm btn-info"><a href="#">Link</a></button></td>
                </tr><tr>
                  <td>ITG</td>
                  <td>SBS</td>
                  <td>Infrastructure</td>
                  <td><button type="button" class="btn btn-sm btn-success">PASS</button></td>
                  <td>Monitor</td>
                  <td><button type="button" class="btn btn-sm btn-primary">Detail</button></td>
                  <td>Thursday oct 30 19:21:10 UTC 2014</td>
                   <td><button type="button" class="btn btn-sm btn-info"><a href="#">Link</a></button></td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="table-responsive tab-pane" id="UAT">
            <table class="table table-striped">
              <thead>
                <tr>
                  <th>Name</th>
                  <th>Asset</th>
                  <th>Area</th>
                  <th>Status</th>
                  <th>Author</th>
                  <th>Description</th>
                  <th>Time Stamp</th>
                  <th>Reporter</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>UAT</td>
                  <td>SBS</td>
                  <td>Infrastructure</td>
                  <td><button type="button" class="btn btn-sm btn-success">PASS</button></td>
                  <td>Monitor</td>
                  <td><button type="button" class="btn btn-sm btn-primary">Detail</button></td>
                  <td>Thursday oct 30 19:21:10 UTC 2014</td>
                   <td><button type="button" class="btn btn-sm btn-info"><a href="#">Link</a></button></td>
                </tr>
                <tr>
                  <td>UAT</td>
                  <td>SBS</td>
                  <td>Infrastructure</td>
                  <td><button type="button" class="btn btn-sm btn-danger">FAIL </button></td>
                  <td>Monitor</td>
                  <td><button type="button" class="btn btn-sm btn-primary">Detail</button></td>
                  <td>Thursday oct 30 19:21:10 UTC 2014</td>
                   <td><button type="button" class="btn btn-sm btn-info"><a href="#">Link</a></button></td>
                </tr>
                <tr>
                  <td>UAT</td>
                  <td>SBS</td>
                  <td>Infrastructure</td>
                  <td><button type="button" class="btn btn-sm btn-danger">FAIL </button></td>
                  <td>Monitor</td>
                  <td><button type="button" class="btn btn-sm btn-primary">Detail</button></td>
                  <td>Thursday oct 30 19:21:10 UTC 2014</td>
                   <td><button type="button" class="btn btn-sm btn-info"><a href="#">Link</a></button></td>
                </tr><tr>
                  <td>UAT</td>
                  <td>SBS</td>
                  <td>Infrastructure</td>
                  <td><button type="button" class="btn btn-sm btn-danger">FAIL </button></td>
                  <td>Monitor</td>
                  <td><button type="button" class="btn btn-sm btn-primary">Detail</button></td>
                  <td>Thursday oct 30 19:21:10 UTC 2014</td>
                   <td><button type="button" class="btn btn-sm btn-info"><a href="#">Link</a></button></td>
                </tr>
                <tr>
                  <td>UAT</td>
                  <td>SBS</td>
                  <td>Infrastructure</td>
                  <td><button type="button" class="btn btn-sm btn-success">PASS</button></td>
                  <td>Monitor</td>
                  <td><button type="button" class="btn btn-sm btn-primary">Detail</button></td>
                  <td>Thursday oct 30 19:21:10 UTC 2014</td>
                   <td><button type="button" class="btn btn-sm btn-info"><a href="#">Link</a></button></td>
                </tr><tr>
                  <td>UAT</td>
                  <td>SBS</td>
                  <td>Infrastructure</td>
                  <td><button type="button" class="btn btn-sm btn-success">PASS</button></td>
                  <td>Monitor</td>
                  <td><button type="button" class="btn btn-sm btn-primary">Detail</button></td>
                  <td>Thursday oct 30 19:21:10 UTC 2014</td>
                   <td><button type="button" class="btn btn-sm btn-info"><a href="#">Link</a></button></td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="table-responsive tab-pane" id="Production">
            <table class="table table-striped">
             <thead>
                <tr>
                  <th>Name</th>
                  <th>Asset</th>
                  <th>Area</th>
                  <th>Status</th>
                  <th>Author</th>
                  <th>Description</th>
                  <th>Time Stamp</th>
                  <th>Reporter</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>Production</td>
                  <td>SBS</td>
                  <td>Infrastructure</td>
                  <td><button type="button" class="btn btn-sm btn-success">PASS</button></td>
                  <td>Monitor</td>
                  <td><button type="button" class="btn btn-sm btn-primary">Detail</button></td>
                  <td>Thursday oct 30 19:21:10 UTC 2014</td>
                   <td><button type="button" class="btn btn-sm btn-info"><a href="#">Link</a></button></td>
                </tr>
                <tr>
                  <td>Production</td>
                  <td>SBS</td>
                  <td>Infrastructure</td>
                  <td><button type="button" class="btn btn-sm btn-danger">FAIL </button></td>
                  <td>Monitor</td>
                  <td><button type="button" class="btn btn-sm btn-primary">Detail</button></td>
                  <td>Thursday oct 30 19:21:10 UTC 2014</td>
                   <td><button type="button" class="btn btn-sm btn-info"><a href="#">Link</a></button></td>
                </tr>
                <tr>
                  <td>Production</td>
                  <td>SBS</td>
                  <td>Infrastructure</td>
                  <td><button type="button" class="btn btn-sm btn-danger">FAIL </button></td>
                  <td>Monitor</td>
                  <td><button type="button" class="btn btn-sm btn-primary">Detail</button></td>
                  <td>Thursday oct 30 19:21:10 UTC 2014</td>
                   <td><button type="button" class="btn btn-sm btn-info"><a href="#">Link</a></button></td>
                </tr><tr>
                  <td>Production</td>
                  <td>SBS</td>
                  <td>Infrastructure</td>
                  <td><button type="button" class="btn btn-sm btn-danger">FAIL </button></td>
                  <td>Monitor</td>
                  <td><button type="button" class="btn btn-sm btn-primary">Detail</button></td>
                  <td>Thursday oct 30 19:21:10 UTC 2014</td>
                   <td><button type="button" class="btn btn-sm btn-info"><a href="#">Link</a></button></td>
                </tr>
                <tr>
                  <td>Production</td>
                  <td>SBS</td>
                  <td>Infrastructure</td>
                  <td><button type="button" class="btn btn-sm btn-success">PASS</button></td>
                  <td>Monitor</td>
                  <td><button type="button" class="btn btn-sm btn-primary">Detail</button></td>
                  <td>Thursday oct 30 19:21:10 UTC 2014</td>
                   <td><button type="button" class="btn btn-sm btn-info"><a href="#">Link</a></button></td>
                </tr><tr>
                  <td>Production</td>
                  <td>SBS</td>
                  <td>Infrastructure</td>
                  <td><button type="button" class="btn btn-sm btn-success">PASS</button></td>
                  <td>Monitor</td>
                  <td><button type="button" class="btn btn-sm btn-primary">Detail</button></td>
                  <td>Thursday oct 30 19:21:10 UTC 2014</td>
                   <td><button type="button" class="btn btn-sm btn-info"><a href="#">Link</a></button></td>
                </tr>
              </tbody>
            </table>
          </div>
          </div>
        </div>
      </div>
    </div>

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script>
	$(function () {
    	$('#myTab a:first').tab('show')
  	})
    $('#myTab a').click(function (e) {
	  e.preventDefault()
	  $(this).tab('show')
	})
    </script>
  </body>
</html>
